From 5b6313f16f508882a0ea67716b7dbaa1c6967f04 Mon Sep 17 00:00:00 2001
From: dujinkim <dujin.kim@dtsolution.co.kr>
Date: Mon, 30 Jun 2025 08:28:13 +0000
Subject: (대표님) 20250630 16시 - 유저 도메인별 라우터 분리와 보안성검토 대응
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/[lng]/procurement/(procurement)/faq/page.tsx | 62 ++++++++++++++++++++++++
 1 file changed, 62 insertions(+)
 create mode 100644 app/[lng]/procurement/(procurement)/faq/page.tsx

(limited to 'app/[lng]/procurement/(procurement)/faq/page.tsx')

diff --git a/app/[lng]/procurement/(procurement)/faq/page.tsx b/app/[lng]/procurement/(procurement)/faq/page.tsx
new file mode 100644
index 00000000..9b62b7e4
--- /dev/null
+++ b/app/[lng]/procurement/(procurement)/faq/page.tsx
@@ -0,0 +1,62 @@
+import { Separator } from "@/components/ui/separator"
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
+import { faqCategories } from "@/config/faqDataConfig"
+import { FaqCard } from "@/components/faq/FaqCard"
+import { Button } from "@/components/ui/button"
+import { Settings } from "lucide-react"
+import Link from "next/link"
+import { fallbackLng } from "@/i18n/settings"
+
+interface Props {
+    params: {
+        lng: string;
+    }
+}
+
+export default async function FaqPage(props: Props) {
+    const resolvedParams = await props.params
+    const lng = resolvedParams.lng
+    const localizedFaqCategories = faqCategories[lng] || faqCategories[fallbackLng];
+
+    return (
+        <div className="container py-6">
+            <section className="overflow-hidden rounded-[0.5rem] border bg-background shadow">
+                <div className="space-y-6 p-10 pb-16">
+                    <div className="flex justify-between items-center">
+                        <div className="space-y-0.5">
+                            <h2 className="text-2xl font-bold tracking-tight">Frequently Asked Questions</h2>
+                            <p className="text-muted-foreground">
+                                Find answers to common questions about using the EVCP system.
+                            </p>
+                        </div>
+                        <Link href={`/${lng}/evcp/faq/manage`}>
+                            <Button variant="outline">
+                                <Settings className="w-4 h-4 mr-2" />
+                                Manage FAQ
+                            </Button>
+                        </Link>
+                    </div>
+                    <Separator className="my-6" />
+                    
+                    <Tabs defaultValue={localizedFaqCategories[0]?.label} className="space-y-4">
+                        <TabsList>
+                            {localizedFaqCategories.map((category) => (
+                                <TabsTrigger key={category.label} value={category.label}>
+                                    {category.label}
+                                </TabsTrigger>
+                            ))}
+                        </TabsList>
+
+                        {localizedFaqCategories.map((category) => (
+                            <TabsContent key={category.label} value={category.label} className="space-y-4">
+                                {category.items.map((item, index) => (
+                                    <FaqCard key={index} item={item} />
+                                ))}
+                            </TabsContent>
+                        ))}
+                    </Tabs>
+                </div>
+            </section>
+        </div>
+    )
+}
-- 
cgit v1.2.3

